<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta name="generator" content="HTML Tidy, see www.w3.org">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
<!--
body,td,div,p,a,font,span {font-family: arial,sans-serif}
body {margin-top:2}

.c {width: 4; height: 4}

.bubble {background-color:#C3D9FF}

.tl {padding: 0; width: 4; text-align: left; vertical-align: top}
.tr {padding: 0; width: 4; text-align: right; vertical-align: top}
.bl {padding: 0; width: 4; text-align: left; vertical-align: bottom}
.br {padding: 0; width: 4; text-align: right; vertical-align: bottom}

.caption {color:#000000; white-space:nowrap; background:#E8EEFA; text-align:center}

.form-noindent {background-color: #ffffff; border: #C3D9FF 1px solid}

.feature-image {padding: 15 0 0 0; vertical-align: top; text-align: right; }
.feature-description {padding: 15 0 0 10; vertical-align: top; text-align: left; }
#main {margin: 200px 0 0 0}

// -->
</style>

<title>Spindles Login</title>
<style type="text/css">
<!--
  div.errormsg { color: red; font-size: smaller; font-family:arial,sans-serif; }
  font.errormsg { color: red; font-size: smaller; font-family:arial,sans-serif; }  
-->
</style>

<style type="text/css">
<!--
.gaia.le.lbl { font-family: Arial, Helvetica, sans-serif; font-size: smaller; }
.gaia.le.fpwd { font-family: Arial, Helvetica, sans-serif; font-size: 70%; }
.gaia.le.chusr { font-family: Arial, Helvetica, sans-serif; font-size: 70%; }
.gaia.le.val { font-family: Arial, Helvetica, sans-serif; font-size: smaller; }
.gaia.le.button { font-family: Arial, Helvetica, sans-serif; font-size: smaller; }
.gaia.le.rem { font-family: Arial, Helvetica, sans-serif; font-size: smaller; }

.gaia.captchahtml.desc { font-family: arial, sans-serif; font-size: smaller; } 
.gaia.captchahtml.cmt { font-family: arial, sans-serif; font-size: smaller; font-style: italic; }
  
-->
</style>
</head>
<body bgcolor="#ffffff" link="#0000FF" vlink="#0000FF" id="main">
<!-- login box -->
<table class="form-noindent" cellspacing="3" cellpadding="5"
	width="300px" border="20" summary="" align="center" >
	<tr>
		<td valign="top" style="text-align:center" nowrap="nowrap"
			bgcolor="#e8eefa">
		<form id="login"
			action="j_security_check"
			method="post" >
		<div class="loginBox">
		<table id="gaia_table" align="center" border="0" cellpadding="1"
			cellspacing="0" summary="">
			<tr>
				<td colspan="2" height="16.0" align="center"
					valign="bottom"></td>
			</tr>
			<tr>
				<td></td>
				<td>Please login to proceed.</td>
				<td></td>
			</tr>
			<tr>
				<td colspan="2" height="16.0" align="center"
					valign="bottom"></td>
			</tr>			
			<tr>
				<td nowrap="nowrap">
				<div align="right"><span class="gaia le lbl">Username:</span></div>
				</td>
				<td><input type="text" name="j_username" id="Email" size="18" class="gaia le val"
					value="" onfocus="document.login.username.value=''"></td>
			</tr>

			<tr>
				<td></td>
				<td align="left"></td>
			</tr>

			<tr>
				<td align="right"><span class="gaia le lbl">Password:</span></td>
				<td><input type="password" name="j_password" id="Passwd" size="18"
					class="gaia le val"></td>
			</tr>

			<tr>
				<td></td>
				<td align="left"></td>
			</tr>

			<tr>
				<td></td>
			</tr>

			<tr>
				<td></td>
				<td align="left"><input type="submit" class="gaia le button"
					name="login" value="Login"></td>
			</tr>

			<tr>
				<td colspan="2" height="33.0" align="center"
					valign="bottom"></td>
			</tr>
		</table>
		</div>
		</form>
		</td>
	</tr>
</table>

<!-- end login box -->
</body>
</html>

